<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Expires" CONTENT="-1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>歌曲分类链接</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="bookmark" href="img/favicon.ico" type="image/x-icon" 　/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/page.css"/>
		<link rel="stylesheet" type="text/css" href="css/play.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		
	</head>
	<body>
		<!--头部-->
		<div class="head clearfix">
			<div class="width1200">
				<div class="left">
					<a href="index.html"><img width="200" class="" src="img/logo.png"/></a>
				</div>
				<div class="left">
					<ul class="clearfix top-nav relative">
						<li class="nav-li">
							<a href="javascript:;">音乐单曲</a>
							<ul class="nav-list absolute">
								<li><a href="song-classify.html" class="active">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
							</ul>
						</li>
						<li class="nav-li">
							<a href="index-DV.html">DVJ视频</a>
							
						</li>
						<li class="nav-li">
							<a href="song-spun.html">串烧</a>
							
						</li>
						<li class="nav-li">
							<a href="index-taoqu.html">套曲</a>
							
						</li>
						<li ><a href="index-music-man.html">音乐人</a></li>
						<li><a href="mall.html">商城</a></li>
						<li><a href="index-information.html">资讯</a></li>
					</ul>
				</div>	
				<div class="right">
					<div class="right padding_lr10 text-center my-box">
						<img class="vertical-align_m icon-my" src="img/icon-my.png" alt="" />
						<br />
						<img class=" vertical-align_m" src="img/vip.png"/><span class="color_ff ">100金币</span>
						<span class="relative">
							<ul class="absolute login-style my-list">
								<li><a href="my.html"><img src="img/iconmy-01.png"/>我的主页</a></li>
								<li><a href="my-news.html"><img src="img/iconmy-02.png"/> 我的消息</a></li>
								<li class="vip-a"><a href="javascript:;" ><img src="img/iconmy-03.png"/> VIP会员</a></li>
								<li><a href="my-set.html"><img src="img/iconmy-04.png"/>个人设置</a></li>
								<li><a href="vip.html"><img src="img/iconmy-05.png"/>会员中心</a></li>
								<li><a href="javascript:;"><img src="img/iconmy-06.png"/>退出</a></li>
							</ul>
						</span>
					</div>
					<div class="right padding_tb10">
						<span class="relative top-secher">
							<input type="text" name=""  value="" placeholder="搜索音乐 、套曲" />
							<img class="absolute find-img" src="img/icon-find.png"/>
						</span>
					</div>
				</div>
			</div>
		</div>
		
		<div class="new-box">
			<div class="width1200">
				<dl class="clearfix">
					<dt class="left"><img width="220" src="img/new-img.png"/></dt>
					<dd class="left">
						<h2 class="color_ff">Jackie Chan</h2>
						<p class="mg_top10">
							<span class="color_b mg_r20">舞曲</span>
						</p>
					</dd>
				</dl>
			</div>
		</div>
    	<div class="bg_ff">
    		<div class="width1200 clearfix">
    			<div class="play-abox mg_tb20">
    				<div class="relative select-box  text-center padding_5 mui-h6 left vodeo-yz mg_r5">
			    				<i class="color_ff yz-text">普通音质</i>
			    				<p class="absolute select-list">
			    					<a href="javascript:;" >普通音质</a>
			    					<a href="javascript:;">高清音质</a>
			    				</p>
			    			</div>
    				<span class="relative select-box  text-center padding_5 mg_r20">
	    				<i class="color_ff">￥2.00</i>
	    				<i class="absolute select-list">
	    					<a href="javascript:;"><img src="img/icon-zan.png">点赞</a>
	    					<a href="javascript:;"><img src="img/icon-xz.png">下载</a>
	    					<a href="javascript:;"><img src="img/icon-start.png">收藏</a>
	    					<a href="javascript:;"><img src="img/icon-pl.png">评论</a>
	    					<a href="javascript:;"><img src="img/icon-fk.png">反馈</a>
	    				</i>
	    			</span>
    				<a href="javascript:;" class="active"><img src="img/icon-xz1.png"/>下载</a>
    				<a href="javascript:;" class="relative share-a">
    					<img src="img/icon-start.png"/>
    				分享
    				<i class="share-link absolute">链接:链接：httpxxxxxxxx</i>
    				</a>
    				<a href="javascript:;"><img src="img/icon-zan.png"/>点赞(132)</a>
    				<a href="javascript:;"><img src="img/icon-fk.png" alt="" />反馈</a>
    				
    			</div>
    			<div id="music_player" class="play-box">
					<div class="music_player_inner">
						<ul class="playlist">
							<li>
								<div class="music_player">
									<div class="music_player_center">
										<div class="player">
											<div class="container_wrapper">
												<div class="container">
													<div class="control">
														<a class="pausing" href="javascript:;" id="pl_0"></a>
														<div class="timing"><span class="timing_position">0:00</span>/<span class="timing_total">0:00</span></div>
													</div>
													<div class="statusbar">
														<div class="loading"></div>
														<div class="position"></div>
														<div class="position_right"></div>
														<img class="waveform" src="img/bg-paly.png" unselectable="on" ondragstart="return false;">
														<img class="overlay" src="img/player-overlay.png" unselectable="on" ondragstart="return false;">
														<div class="loading_cp"></div>
														<div class="seekhead">
															<div class="seektime">0.00</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									
								</div>
							</li>
						</ul>
					</div>
    		    </div>
    		    <ul class="clearfix paly-inform">
    		    	<li class="left relative">
    		    		<h4><strong>6 : 00</strong></h4>
    		    		<p class="color_9">时间长度</p>
    		    	</li>
    		    	<li class="left relative">
    		    		<h4><strong>220</strong></h4>
    		    		<p class="color_9">BPM</p>
    		    	</li>
    		    	<li class="left relative">
    		    		<h4><strong>1A</strong></h4>
    		    		<p class="color_9">KEY</p>
    		    	</li>
    		    	<li class="left relative">
    		    		<h4><strong>300M</strong></h4>
    		    		<p class="color_9">大小</p>
    		    	</li>
    		    	<li class="left relative">
    		    		<h4><strong>HIPHOP</strong></h4>
    		    		<p class="color_9">分类</p>
    		    	</li>
    		    	<li class="left relative">
    		    		<h4><strong>2018-10-30</strong></h4>
    		    		<p class="color_9">更新时间</p>
    		    	</li>
    		    </ul>
    		
		    	<div class="pl-box mg_top20">
					<h3 class="font_18">评论<span class="font_13 color_9 mg_left10">共1234条评论</span></h3>
					<div class="textarea-box mg_top20 text-center ">
						<textarea name="" rows="" cols="" placeholder="评论评论评论评论......."></textarea>
						<p class="mg_top20 text_right padding_lr30"><a href="javascript:;" class="basic_a">评论</a></p>
					</div>
				</div>
				<div class="pl-list mg_tb20 padding_10">
					<h4 class="font_16 padding_tb10 bor_b">全部评论</h4>
					<dl class="padding_10 bor_b clearfix">
						<dt class="left"><img class="pl-head" src="img/new-small.png"></dt>
						<dd class="left width90">
							<p>小姐姐</p>
							<div class="clearfix mg_top5">
								<div class="left">
									<p class="color_9">2018-10-20</p>
								</div>
								<div class="right">
									<span class="mg_r20"><a href="javascript:;"><img class="vertical-align_m" src="img/icon-zan.png"> 23</a></span>
									<span><a href="javascript:;"><img class="vertical-align_m" src="img/icon-pl.png"> 23</a></span>
								</div>
							</div>
						</dd>
					</dl>
					<dl class="padding_10 bor_b clearfix">
						<dt class="left"><img class="pl-head" src="img/new-small.png"></dt>
						<dd class="left width90">
							<p>小姐姐</p>
							<div class="clearfix mg_top5">
								<div class="left">
									<p class="color_9">2018-10-20</p>
								</div>
								<div class="right">
									<span class="mg_r20"><a href="javascript:;"><img class="vertical-align_m" src="img/icon-zan.png"> 23</a></span>
									<span><a href="javascript:;"><img class="vertical-align_m" src="img/icon-pl.png"> 23</a></span>
								</div>
							</div>
						</dd>
				    </dl>
				</div>
		    </div>
    	</div>		
    	<div class="play-footer" >
    		<div class="width1200">
    			<div class="music_player_inner">
					<ul class="playlist">
						<li>
							<div class="music_player">
								<div class="music_player_center">
									<div class="player">
										<div class="container_wrapper">
											<div class="container">
												<div class="control">
													<div class="clearfix">
													    <img width="90" class="left" height="90" src="img/music010.png"/>
														<div class="left padding_10">
															<h4 class="color_ff">yur aer my sun</h4>
															<p class="color_b mg_top10"> rain</p>
														</div>
													</div>
												</div>
												<div class="statusbar">
													<div class="loading"></div>
													<div class="position"></div>
													<div class="position_right"></div>
													<img class="stare" src="img/line-play.png"/>
													<img class="waveform" src="img/bg-paly.png" unselectable="on" ondragstart="return false;">
													<img class="overlay" src="img/player-overlay.png" unselectable="on" ondragstart="return false;">
													<div class="loading_cp"></div>
													<div class="seekhead">
														<div class="seektime">0.00</div>
													</div>
												</div>
												<div class="paly-corlet">
													<a href="javascript:;"><img width="20" src="img/play-01.png"/></a>
													<a href="javascript:;"><img width="25" src="img/play-02.png"/></a>
													<a href="javascript:;"><img width="20" src="img/play-03.png"/></a>
													<a href="javascript:;" class="play-img"></a>
													<a href="javascript:;"><img width="20" src="img/play-05.png"/></a>
													<a href="javascript:;"><img  width="25" src="img/play-06.png"/></a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
            </div>
    	</div>
    	<div class="footer">
    		<div class="width1200 clearfix">
    			<div class="footer-left left">
    				<p><img width="150" src="img/logo1.png"></p>
    				<div class="mg_top10">
    					<p class="mg_left20 color_ff">2017-2018 RNBDJ</p>
    					<p class="color_ff mg_top10">微霸网络科技有限公司 Www.Rnbdj.coM </p>
    					<p class="color_ff mg_top10">公司介绍介绍介绍介绍介绍介绍</p>
    				</div>
    			</div>
    			<div class="left footer-moiddle">
					<div class="clearfix text-center">
						<div class="left mg_r20">
							<h4 class="color_ff"><strong>Android</strong></h4>
							<p class="color_ff mg_top40"><img width="130" src="img/code-wechat.jpg"></p>
						</div>
						<div class="left mg_left20">
							<h4 class="color_ff"><strong>IOS</strong></h4>
							<p class="color_ff mg_top40"><img width="130" src="img/code-wechat.jpg"></p>
						</div>
					</div>
				</div>
				<div class="left footer-right">
					<div class="clearfix text-center">
						<div class="left mg_r20">
							<h4 class="color_ff"><strong>RNBDJ</strong></h4>
							<p class="color_ff mg_top40">客服电话：18542147589</p>
							<p class="color_ff mg_top20">客服Q Q：18542147589</p>
							<p class="color_ff mg_top20">客服微信：18542147589</p>
						</div>
						<div class="left mg_left20">
							<h4 class="color_ff"><strong>友情链接</strong></h4>
							<p class=" mg_top40"><a href="javascript:;" class="color_ff">友情链接111111111</a></p>
							<p class=" mg_top20"><a href="javascript:;" class="color_ff">友情链接111111111</a></p>
							<p class=" mg_top20"><a href="javascript:;" class="color_ff">友情链接111111111</a></p>
						</div>
					</div>
				</div>
    		</div>
         </div>
	    <div class="overlay"></div>
	    <script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>]
	</body>
</html>
